<p-tabView>
    <p-tabPanel header="销售订单" [closable]="true">
        <div class="ui-widget-header" style="padding:4px 10px;border-bottom: 0 none">
            <i class="fa fa-search" style="margin:4px 4px 0 0"></i>
            <input #gb type="text" pInputText size="50" placeholder="搜索">
        </div>
        <p-dataTable [value]="cars" [rows]="10" [paginator]="true" [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]" [editable]="true"
            resizableColumns="true" columnResizeMode="expand" [globalFilter]="gb" #dt>
            <p-header>数据表格头
                <div class="ui-helper-clearfix">
                    <button type="button" pButton icon="fa-file-o" iconPos="right" label="导出csv" (click)="dt.exportCSV()" style="float:right"></button>
                </div>
            </p-header>

            <p-column field="name" header="名称（可编辑的）" [editable]="true" [filter]="true" filterPlaceholder="搜索"></p-column>
            <p-column field="date" header="日期(可调整大小)"></p-column>
            <p-column field="osn" header="单据编号"></p-column>
            <p-column field="msn" header="会员卡" [sortable]="true"></p-column>
            <p-column field="address" header="地址"></p-column>
            <p-column field="mobile" header="电话"></p-column>
            <p-column field="tel" header="固话"></p-column>
            <p-column field="mail" header="邮箱"></p-column>
            <p-footer>这是脚</p-footer>
        </p-dataTable>
    </p-tabPanel>
    <p-tabPanel header="Header 2" [closable]="true">
        Content 2
    </p-tabPanel>
    <p-tabPanel header="Header 3" [closable]="true">
        Content 3
    </p-tabPanel>
</p-tabView>
<nav>
  <a routerLink='one'>one</a>
  <a routerLink='two'>two</a>
  <a routerLink='three'>three</a>
</nav>
<router-outlet></router-outlet>